<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="/css/m/swiper-4.3.3.min.css">
    <link rel="stylesheet" href="/css/m/ty-cm.css">
    <title>{{$seo['title']}}</title>
    @section('css')
    @show
</head>

<body>
<header class="ty-bar">
    <div class="icon"><a href="/m/preindex"><img src="/img/m/710/icon-pre.png"></a></div>
    <div class="tit">{{$seo['title']}}</div>
    <div class="icon" id="showBar"><img src="/img/m/product/sanheng.png"></div>
</header>
<div id="index" class="ty-menu">
    <header class="ty-bar">
        <div class="icon"><a href="/m/preindex"><img src="/img/m/710/icon-pre.png"></a></div>
        <div class="tit">{{$seo['title']}}</div>
        <div class="icon" id="hideBar"><img src="/img/m/list_index/clsoe.png"></div>
    </header>
    <ul class="menu list_con">
        <li>
            <a href="/m">
                <span>首页</span>
                <img src="/img/m/list_index/jian.png" class="arr">
            </a>
        </li>
        <li>
            <a href="/m/projectIntro">
                <span>产品介绍</span>
                <img src="/img/m/list_index/jian.png" class="arr">
            </a>
        </li>
        <li>
            <a href="/m/partnerMarket">
                <span>碳银合伙人</span>
                <img src="/img/m/list_index/jian.png" class="arr">
            </a>
        </li>
        <li>
            <a href="/m/application">
                <span>电站申请</span>
                <img src="/img/m/list_index/jian.png" class="arr">
            </a>
        </li>
        <li>
            <a href="/m/market_coo">
                <span>资讯前沿</span>
                <img src="/img/m/list_index/jian.png" class="arr">
            </a>
        </li>
        <li>
            <a href="/m/about">
                <span>关于我们</span>
                <img src="/img/m/list_index/jian.png" class="arr">
            </a>
            <!--<ol>
                <li>
                    <a href="/m/about"><span>公司介绍</span></a>
                </li>
                <li>
                    <a href="/m/market_coo"><span>碳银动态</span></a>
                </li>
            </ol>-->
        </li>
    </ul>
    <div class="ty-logo">
        <img src="/img/m/list_index/logo.png">
    </div>
</div>
<div class="qr-code" id="qrCode">
    <div class="code" id="qrImg">
        <img src="/img/m/shouye/ma.jpg">
        <img src="/img/m/shouye/ma2.jpg" class="hide">
    </div>
    <div class="btns" id="qrBtn">
        <a class="sel">碳银网</a>
        <a>碳银光良</a>
    </div>
</div>
@section('container')
@show
<footer class="ty-foot">
    <div class="tit">联系方式</div>
    <div class="address">
        Tel：400-963-6880<br>
        E-mail：service@tanwin.cn<br>
        地址：浙江省杭州市钱江世纪城民和路479号国泰科技大厦17楼
    </div>
    <div class="btns">
        <a href="tel:400-963-6880">电话咨询</a>
        <a id="attUs">关注我们</a>
    </div>
</footer>
<script src="/js/m/rem.js"></script>
<script src="/js/m/zepto.min.js"></script>
<script src="/js/m/swiper-4.3.3.min.js"></script>
<script>
    (function ($) {
        $(function () {
            /*$('.list_con>li').click(function () {
                var $t = $(this);
                if ($t.find('ol').length > 0) {
                    $t.find('ol').toggle();
                    var src = $t.find('.arr').attr('src');
                    if (src === '/img/m/list_index/jian.png') {
                        $t.find('.arr').attr('src', '/img/m/list_index/jianU.png');
                    } else {
                        $t.find('.arr').attr('src', '/img/m/list_index/jian.png');
                    }
                }
            });*/
            var $qrB = $('#qrBtn');
            var $qrC = $('#qrCode');
            var $qrI = $('#qrImg');
            $qrB.find('a').on('click', function (e) {
                e.stopPropagation();
                var $t = $(this);
                if (!$t.hasClass('sel')) {
                    var i = $t.index();
                    $qrI.find('img').addClass('hide').eq(i).removeClass('hide');
                    $qrB.find('a.sel').removeClass('sel');
                    $t.addClass('sel');
                }
            });
            $('#attUs').on('click', function () {
                $qrC.show();
            });
            $qrC.on('click', function () {
                $qrC.hide();
            });
            $qrI.find('img').on('click', function (e) {
                e.stopPropagation();
            });
            $('#showBar').click(function () {
                $('#index').show();
            });
            $('#hideBar').click(function () {
                $('#index').hide();
            });
        });
    })(Zepto);
</script>
@section('script')
@show
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?4290ca51014e6a45d4210924c0bd9f41";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script src="http://stat.xiaonaodai.com/stat.php?id=18610665"></script>
</body>
</html>
